import React, { Component } from 'react'

export default class NavBar extends Component {
  render() {
    console.log(this);
    let styleObj={
        display:'flex',
        width:'375px',
        height:'50px',
        backgroundColor:'gray',
        justifyContent:'space-between',
        alignItems:'center',
        padding:'0 10px',
        fontFamily:'宋体',
        margin:'10px'
    }
    return (
      <div style={styleObj}>
         <div>{this.props.children.left}</div>
         <div>{this.props.children.middle}</div>
         <div>{this.props.children.right}</div>
      </div>
    )
  }
}
